
/* 颜色样式*/
@c3: #333;
@c6: #666;
@c9: #999;
@cs: #33cc99;
@cf: #fff;
/* borderRidus*/
.br (@radius) {
  border-radius: @radius;
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
}

/*boxShdow*/
.bs(@value) {
  -moz-box-shdow: @value;
  -webkit-box-shdow: @value;
  box-shadow: @value;
}

/*动画animation*/
.an(@value) {
  -webkit-animation: @value;
  -moz-animation: @value;
  -o-animation: @value;
  animation: @value;
}

/*transform*/
.tm(@value) {
  -webkit-transform: @value;
  -moz-transform: @value;
  -o-transform: @value;
  -ms-transform: @value;
  transform: @value;
}

/*transition*/
/*transition 过渡*/
.tr(@value) {
  -webkit-transition: @value;
  -moz-transition: @value;
  -o-transition: @value;
  transition: @value;
}

/* 透明度opacity*/
.oy(@value) {
  -moz-opacity: @value;
  opacity: @value;
}

/*背景图*/ /*@value : url,@value2 : 定位,@value3 : 尺寸*/
.bud(@value,@value2,@value3) {
  background-image: url(@value);
  background-repeat: no-repeat;
  background-position: @value2;
  background-size: @value3;
}

/*渐变*/
.blg(@value1,@value2,@value3) {
  background: -moz-linear-gradient(@value1, @value2, @value3);
  background: -webkit-linear-gradient(@value1, @value2, @value3);
  background: -ms-linear-gradient(@value1, @value2, @value3);
  background: -o-linear-gradient(@value1, @value2, @value3);
  background: linear-gradient(@value1, @value2, @value3);
}

/*定位*/
.pa {
  position: absolute;
}

.pr {
  position: relative;
}

.pf {
  position: fixed;
}

.db {
  display: block;
}

.dn {
  display: none;
}

.df {
  display: flex;
}

/*绝对居中*/
.cm {
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
}

/*居中*/
.tac {
  text-align: center
}

a, button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, textarea {
  margin: 0px;
  padding: 0px;
}

address, cite, dfn, em, var, i {
  font-style: normal;
}

body {
  font-size: 14px;
  line-height: 1.5em;
  font-family: 'Microsoft Yahei', 'arial', 'simsun', 'tahoma';
  color: @c6;
  //background: #E6E6E6;
  .blg(to right,#fff,#e3e3e3);
}

html, body {
  width: 100%;
  min-width: 1270px;
  height: auto;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

h1, h2, h3, h4, h5, h6, th {
  font-size: 100%;
  font-weight: normal;
}

button, input, select, textarea {
  font-size: 100%
}

fieldset, img {
  border: 0;
}

a {
  text-decoration: none;
  color: @c6;
  background: none;
}

ul, ol {
  list-style: none;
}

* {
  box-sizing: border-box;
  outline: none;
  -webkit-appearance: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type="number"]{
  -moz-appearance: textfield;
}
:focus {
  outline: none;
}

.clear {
  clear: both;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

img {
  background: #f9f9f9;
}


